@charset "utf-8";



body {font-size:14px; margin:0px; padding:0px; background:#fff; font-family:"微软雅黑"; background:url(images/index_02.jpg) repeat-x;}



#container {width:100%; background:url(images/index_01.jpg) repeat-x;}



h1,h2,h3,h4,h5,h6,div,p,span,td,tr,table,ul,li,ol,input,dl,dt,dd{ margin:0px;padding:0px;list-style:none;}



a:link{color: #555; text-decoration: none;}



a:visited{color:#555; text-decoration: none;}



a:hover{color:#4f3b2d; text-decoration:none;}



a:active{color:#F00; text-decoration:none}

table{border-collapse: collapse;}

img{border:0px;}



.fr{ float:right;}



.fl{ float:left;}



.fc{ margin:0 auto;}



.clear{clear:both}



/*banner*/

.index_focus {

    position: relative;

    width: 100%;

    height:600px;

    margin: 0 auto;

    overflow: hidden;

	text-align:center;

}

.index_focus .bd li {  

    display: none;

    position: absolute;

	width: 100%;

    height:600px;

    left: 0;

    top: 0;

}

.index_focus_post {

    z-index: 10;

}

.index_focus .pic {

    height: auto;

    display: block;

}

.index_focus .pic:hover {

    text-decoration: none;

}

.index_focus .slide_nav {

    position: absolute;

    left: 48%;

    bottom:2%;



}

.index_focus .slide_nav a {

	cursor:pointer;

	float:left;

    font-size:28px;

    font-family: arial;

    color: #fff;

	padding:5px;

}

.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #ffa50e;filter: alpha(opacity=80);opacity: 0.8;}

.index_focus_pre,.index_focus_next {

    display: none;

    position: absolute;

    top: 50%;

    margin-top: -36px;

    width: 72px;

    height: 72px;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    z-index: 10;

    background: url(images/ico_sliding.png) no-repeat;

}

.index_focus_pre {

    left: 30px;

    background-position: 0 0;

}

.index_focus_pre:hover {

    background-position: 0 -144px;

}

.index_focus_next {

    right: 30px;

    background-position: 0 -72px;

}

.index_focus_next:hover {

    background-position: 0 -216px;

}

.index_focus_info {

    position: absolute;

    left: 10%;

    bottom: 12%;

    width: 800px;

    height: 200px;

    padding-bottom: 10px;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    font-family: "\5fae\8f6f\96c5\9ed1";

    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);

    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);

    background: url("images/index_focus_bg.png") no-repeat;

    _background: none;

}

.index_focus_info h3 {

    font-size: 36px;

    line-height: 70px;

	display:none;

}

.index_focus_info .text {

    width: 500px;

    line-height: 24px;

    font-size: 14px;

    word-wrap: break-word;

    overflow: hidden;

	display:none;

}



/*head*/

.top{width:1100px; height:40px; line-height:40px;}

.top p{font-weight:normal; font-size:12px; float:left; color:#808080;}

.top span{float:right; font-size:12px;color:#999}

.top span a{color:#999}

.top span a:hover{color:#12a9be; text-decoration:underline;}

.topp{height:130px; width:1100px;}

.logo{width:270px; height:90px; padding:20px 0;}

.tel{background:url(images/index01_06.jpg) no-repeat left center; padding-left:32px; height:52px; color:#333; margin-top:35px;}

.tel p{color:#12a9be; font-size:26px;}

.hr_nav{background:#12a9be; height:50px;}

.nav{width:1095px; padding-left:5px;}

.nav li{float:left; font-size:16px; line-height:50px;height:50px;color:#fff;}

.nav li a{color:#fff; display:block; padding:0 28px;}

.nav li a:hover{background:#fff; color:#12a9be; border-top:2px solid #12a9bd;}

.fgx{background:url(images/index_14.jpg) no-repeat right center}

.libg{background:#fff;height:48px; color:#12a9be;}

.libg a{ display:block; color:#12a9bd; border-top:2px solid #12a9bd;}

.libg a:link{ color:#12a9bd;}

.libg a:visited{ color:#12a9bd;}

.wenzi span{color:#12a9be;}

.wenzi{font-size:23px; color:#333; line-height:34px; margin-top:30px; padding-left:18px; border-left:1px solid #ccc; margin-left:25px;}



/*foot*/

.hr_foot{margin-top:25px}

.foot_nav{background:#12a9be; height:50px;}

.navf{width:1095px; padding-left:5px;}

.navf li{float:left; font-size:16px; line-height:50px;height:50px;}

.navf li a{color:#fff; display:block; padding:0 28px;}

.navf li a:hover{text-decoration:underline}

.foot{width:1100px; padding:20px 0}

.footr{ border-left:1px solid #cccccc; padding-left:10px; line-height:28px; width:870px; color:#333; font-size:12px;}

.footl{padding-left:0px; padding-right:10px; width:205px;}
.footl img{ width:205px;}

.footr span{padding:0 8px;}

.footr a{color:#333}

.footr a:hover{color:#12a9bd}



.coolbg{ width:120px; height:35px; background:#12a9be; border:0; color:#fff;}

/* 手机菜单 */
a.smllmenu{position: absolute;right: 1%;display:none;top: 2px;height: 56px;}
a.smllmenu img{height: 100%;}
.m_nav{ display: none; }


@media screen and (max-width: 960px){
	
a.smllmenu{display:block;}
/*手机版样式*/
.m_nav{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#12a9be;height:100%;z-index:100;right:-80%;overflow-y:scroll}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #008092;}
.m_nav .m_navList ul li a{display:block;height:50px;color:#fff;line-height:50px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%}
.m_nav .m_navList ul li .m_f_a a{flex:1}
.m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
.icon{background:url(images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background: url(images/reduce.jpg) 50% no-repeat!important;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
.m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis;color:#fff}
.m_nav .m_navList ul li .m_s_nav a:hover{color:#e92838;}


body{background-image: none;}
.top{display:none;}
.topp{width:100% !important;height:auto;position:relative;}
.logo{float:none;width:auto;height: 45px;padding: 10px 0;text-align: center;}
.logo img{height:45px;width: auto;}
.wenzi{display:none;}
.tel{display:none;}
.hr_nav{display:none;}
.index_focus{height:195px;}
#ind_key{display:none;}
.tiao{width:98% !important;padding-top: 15px !important;font-size: 16px !important;}
.tiao span{display:none;font-size:14px !important;}
.Mtiao{display:none !important;}
.product{width:99% !important;}
.chanpin{width: 45% !important;padding: 1.5% 1.5% 1% !important;margin: 1% 0.5% 1% !important;}
.chanpin:nth-child(2n){margin-left: 0 !important;}
.tu{width:100% !important;}
.tu img{width: 100% !important;}
.mingzi{height:30px !important;;line-height:30px !important;font-size:14px !important;}
.hr_anli{display:none;}
.hr_gsjj{background:none !important;padding:0 !important;}
.gsjj{width: 98% !important;}
.gsjjl {width: 100% !important;float: none;}
.jianjie_t{background: url(images/index01_17.jpg) no-repeat bottom !important;padding-top: 15px !important;padding-bottom: 10px;font-size: 16px !important;}
.jianjie_t br {display: none;}
.jianjie_t span{display:none;color:#999 !important;}
.gsjjl p{line-height: 1.75 !important;height: auto !important;text-align: justify;}
.xiangqing{margin: 20px auto 0 !important;}
.gsjjr{display:none;}
.hr_hezuo{display:none;}
.hr_news{width: 100% !important;padding-top: 15px !important;}
.news{width:98%!important;float:none;margin: 0 auto !important;padding: 0 !important;box-shadow: none !important;background: none !important;border: none !important;}
.tiaomu{background: url(images/index01_17.jpg) no-repeat bottom !important;padding-left: 0 !important;font-size: 16px !important;border-bottom: none !important;}
.tiaomu span{display:none;font-size: 14px !important;}
.xinwen{display:none;}
.xxinwen{height:auto !important;}
.xxinwen li{font-size:14px !important;line-height:30px !important;}
.lxwm{display:none;}

.link{display:none;}
.foot {width: 100% !important;padding:0 !important;}
.foot_nav{display:none;}
.footl{display:none;}
.footr{width:100% !important;float:none;border-left:none !important;padding-left:0 !important;color: #fff;font-size:12px;height: 60px;background: #888;text-align: center;}
.footr span{display:none;}
.footr span:first-child,.footr span:nth-child(6){display:block;}
.footr span:nth-child(6) a{color:#fff;}
.box_os{display:none !important;}

/*内页*/
.infoban{display:none;}
.info{width: 98% !important;}
.infol{display:none;}
.infor{width: 100% !important;float: none;}
.weiz{border: none !important;padding-right: 0 !important;background: #12a9be;text-align: center;}
.weiz span{font-size: 16px;padding-left: 0;color: #fff !important;float: none;}
.weiz em{display: none;}
.info_nr{border: none !important;padding:0 !important;}
.infor p img{max-width:100% !important;}

#lianxir{display:none;}
.proban{display:none;}
.infosy{width: 100% !important;}
.infosy .tiaot{font-size: 18px;}
.infosy .weizhi{display:none;}
.infosy .info_lv{height:34px;line-height:34px;font-size: 18px;}
.ppyyt{width: 100% !important;}
.ppyyt ul li{width: 48% !important;}
.ppyyt ul li .li_img{width: 100% !important;}
.ppyyt ul li .li_img img {width: 100% !important;height: 200px !important;}
.ppyyt ul li .li_title{width: 100% !important;}

.imalist{width: 100% !important;padding:0 !important;}


}
@media screen and (max-width: 680px){
.tu{height:200px !important;}
.tu img{height:200px !important;}
.ppyyt ul li{height:240px !important;}
.ppyyt ul li .li_img{height:210px !important;}


}
@media screen and (max-width: 375px){
.ppyyt ul li{width:375px !important;}
}



